// 顶部导航栏组件
import React from 'react';
import { Layout, Typography, Space } from 'antd';
import { PieChartOutlined } from '@ant-design/icons';

const { Header: AntHeader } = Layout;
const { Title } = Typography;

const Header: React.FC = () => {
  return (
    <AntHeader className="header" style={{ padding: 0, background: '#fff', boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)' }}>
      <div style={{ display: 'flex', alignItems: 'center', padding: '0 24px', height: '100%' }}>
        <Space direction="horizontal" align="center">
          <PieChartOutlined style={{ fontSize: 24, color: '#1890ff' }} />
          <Title level={4} style={{ margin: 0, color: '#1890ff' }}>AI Studio</Title>
        </Space>
      </div>
    </AntHeader>
  );
};

export default Header;